$(function () {
    //添加循环
    A()
    function A() {
        var html = ""
        for (var i = 0; i < data.length; i++) {
            html += `
            <li class="product_item" data-id=1>
                        <div class="p_img">
                            <a href="xiangqingye/detail.html">
                                <img src="${data[i].img_url}"
                                    alt="">
                            </a>
                        </div>
                        <div class="p_info">
                            <div class="p_name">
                                <a href="#">${data[i].title}</a>
                            </div>
                            <div class="p_price">
                                <span class="price">
                                    <strong>${data[i].pric}</strong>
                                </span>
                            </div>
                        </div>
                        <div class="p_buy">
                            <span>${data[i].buy}</span>
                            <a class="btn-by" href="#">加入购物车</a>
                        </div>
                    </li>
            `
        }
        $(".good_list ul").html(html);
    }

    //导航条添加类
    $('.myyiguo').hover(function () {
        $('.myyiguo .con').show();
    }, function () {
        $('.myyiguo .con').hide();
    });
    $('.myyiguo').hover(function () {
        $(this).addClass('current');
    }, function () {
        $(this).removeClass('current');
    });

    $('.mobile').hover(function () {
        $('.mobile .con').show();
    }, function () {
        $('.mobile .con').hide();
    });
    $('.mobile').hover(function () {
        $(this).addClass('current');
    }, function () {
        $(this).removeClass('current');
    });

    //底端锚点效果
    $(window).scroll(function () {
        var top = $(this).scrollTop();
        if (top <= 400) {
            $(".maodian-1 .top").css({ display: "none" })
        }
        else {
            $(".maodian-1 .top").css({ display: "block" })
        }
    })
    //导航条滚动类
    $(window).scroll(function () {
        var topTop = $(this).scrollTop();
        if (topTop >= 100) {
            $(".header").addClass("header-fixed");
        }
        else {
            $(".header").removeClass("header-fixed");
        }
    })

    //购物车效果
    $(".shopping-btn").hover(function () {
        $(".shopping-list").css({
            display: "block"
        })
    }, function () {
        $(".shopping-list").css({
            display: "none"
        })
    })
    //添加列表类
    $('.catalogs').hover(function () {
        $('.catalogs .catalogs-list').show();
    }, function () {
        $('.catalogs .catalogs-list').hide();
    });
    $('.catalogs-list .item').hover(function () {
        $(this).addClass('current');
        $(this).find('.sub-item').show();
    }, function () {
        $(this).removeClass('current');
        $(this).find('.sub-item').hide();
    });


})
